<template>
  <div>
    <el-form
      ref="editCustomerForm"
      :model="paramsObj"
      label-position="right"
      class="lineHeight32"
      label-width="90px"
      @submit.native.prevent>
      <div class="customer-form">
        <Title title="商品管理" style="margin-bottom: 16px;"/>
        <el-row type="flex" class="response-el-row">
          <el-col :span="12" class="responsive-col-lg-8">
            <el-form-item label="仓库" prop="warehouse">
              <el-input v-model.trim="paramsObj.warehouse" disabled placeholder="--" size="small" class="width240" type="text"/>
            </el-form-item>
          </el-col>
          <el-col :span="12" class="responsive-col-lg-8">
            <el-form-item label="成本价(元)" prop="cost">
              <el-input v-model.trim="paramsObj.cost" disabled placeholder="--" size="small" class="width240" type="text"/>
            </el-form-item>
          </el-col>
        </el-row>
      </div>
    </el-form>
  </div>
</template>

<script>
import Title from '@/components/Title';

export default {
  components: { Title },
  model: {
    prop: 'paramsObj',
    event: 'change'
  },
  props: {
    paramsObj: {
      type: Object,
      default() {
        return {};
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.customer-form{
  .width240{
    width: 240px;
  }
}
</style>
